<template>
  <view class="msg-area">
    <view class="list">
      <view class="date">2022年7月21日 14:12:11</view>
      <view class="msg">
        <view class="title">抢单通知</view>
        <view class="desc">有一单成都市到上海市的货源发布。</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  onLoad() {},
  methods: {}
}
</script>

<style lang="less" scoped>
.msg-area {
  padding: 20rpx;
  min-height: 100vh;
  background-color: #f5f5f5;
  .list {
    color: #666666;
    .date {
      text-align: center;
      font-size: 12px;
      padding: 10rpx 0;
    }
    .msg {
      background-color: #fff;
      border-radius: 18rpx;
      margin-top: 15rpx;
      font-size: 14px;
      padding: 20rpx;
    }
    .title {
      font-size: 16px;
      padding-bottom: 20rpx;
      color: #333333;
    }
  }
}
</style>
